<template>
	<view class="news-list-wrap d-flex flex-column px-3">
		<view v-for="(item, index) in newsList" :key="index">
			<news-item v-if="item.type === 'SMALL_IMAGE_CONTENT'" :isRecommend="isShowRecommend" :item="item"></news-item>
			<news-item-big :isRecommend="isShowRecommend" v-else :item="item"></news-item-big>
		</view>
	</view>
</template>

<script>
import newsItem from '@/components/module/news-item.vue';
import newsItemBig from '@/components/module/news-item-big.vue';
export default {
	data() {
		return {
			isShowRecommend: true
		};
	},
	components: {
		newsItem,
		newsItemBig
	},
	mounted() {
		console.log(this.newsList,"newsList")
	},
	props: {
		newsList: {
			type: Array,
			default: () => {
				return [];
			}
		}
	}
};
</script>

<style></style>
